<template>
	<view class="app-demo-module" :class="_classes" :style="_styles">
		<!-- 标题 -->
		<view class="app-demo-module__title" v-if="title">{{ title }}</view>

		<!-- 描述 -->
		<view class="app-demo-module__desc" v-if="descs.length">
			<view
				class="app-demo-module__desc__row"
				v-for="desc in descs"
				:key="desc"
			>
				<rich-text
					class="app-demo-module__desc__row__content"
					:nodes="desc"
				></rich-text>
			</view>
		</view>

		<!-- 内容 -->
		<view class="app-demo-module__content">
			<slot></slot>
		</view>
	</view>
</template>

<script>
import commonComponentOptions from "@/uni_modules/pure/config/common-component-options";
export default {
	options: commonComponentOptions,
};
</script>

<script setup>
import { ref, computed } from "vue";
import props from "./props";

// **************************************************************************************************************
// * Props
// **************************************************************************************************************
const _props = defineProps(props);

// **************************************************************************************************************
// * Emits
// **************************************************************************************************************
const _emits = defineEmits([]);

// **************************************************************************************************************
// * Classes
// **************************************************************************************************************
const _classes = computed(() => {
	const array = [];
	return array;
});

// **************************************************************************************************************
// * Styles
// **************************************************************************************************************
const _styles = computed(() => {
	const array = [];
	return array;
});

// **************************************************************************************************************
// * Computed
// **************************************************************************************************************
// 描述
const descs = computed(() => {
	if (Array.isArray(_props.desc)) return _props.desc;
	if (_props.desc) return [_props.desc];
	return [];
});

// **************************************************************************************************************
// * Functions
// **************************************************************************************************************
</script>

<style scoped lang="scss">
@import "./style.scss";
</style>
